@import "tailwindcss";

html {
    /*一般而言，参考的字体大小应该由项目确定，不应由组件库设置，因为一个项目可能使用多个不同的组件库，多个组件库会冲突，产生意想不到的字体大小 */
    /* rem的参考大小  */
    font-size: 16px;

    @media (max-width: 600px) {
        /* 媒体查询，当页面宽度<600px时，设置根字体大小为12px */
        font-size: 12px;
    }
}

button {
    background-color: #f5c6cb;
    border-radius: 5px;
    padding: 2px 20px 2px 20px;
    margin: 5px;
    width: 100%;
}

button:hover {
    background-color: #646cff;
}